<template>
  <div>
    <el-container>
      <el-header>
      </el-header>
      <el-container>
        <el-aside width="200px">
          <Aside></Aside>
        </el-aside>
        <!--渲染数据区域-->
        <el-main><router-view></router-view></el-main>
      </el-container>
    </el-container>

  </div>
</template>

<script>
    import Aside from "./Aside";
    export default {
        name: "Layout",
      components: {Aside},
      data(){
          return{

          }
      },
      mounted(){
          console.log(this.$router.options)
      }
    }
</script>

<style scoped>
.el-container{
  height: calc(100vh - 60px);
}
  .el-header{
    background: cornflowerblue;
  }
  .el-aside{
    background: cornflowerblue;
    height: 100%;
  }
</style>
